<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kaiserreich Liste</title>
    <style type="text/css">
		@import"./css/homepage.css";
	</style>
</head>
<body >
    <audio controls loop preload id="audio" hidden="ture">
        <source src="./audio/Battlefield Classic Theme ! Mayhem View - Johan Soderqvist!Patrik Andrén.mp3">
        Your browser does not support the audio element.
    </audio>      
<div class="warp" >   
    <div class="left_op">
        <div style="background-color:black;height:50px;z-index:999;"></div>
        <div style="background-color:white;height:50px;z-index:999;"></div>
        <div style="background-color:red;height:50px;z-index:999;"></div>
        <div class="options_out">
            <a class="op non" href="#">未 完 成</a>
            <a class="op had" href="#">已 完 成</a>
            <a class="op all" href="#">所有事件</a>
        </div>
    </div>  
    <div class="the_right">
        <div class="the_title"          id="non">未 完 成</div>
        <div class="the_title hid_init" id="had">已 完 成</div>
        <div class="the_title hid_init" id="all">所有事件</div>
        <div class="the_title hid_init" id="rlt">搜索结果</div>
        <input class="search inp" placeholder="请输入想搜索的事件">
        <button class="search but" onclick="search()">搜索</button>
        <div class="todolist">
            <div class="the_func">
                <button id="批量删除">批量删除</button>
                <button id="添加">添加</button>
                <input class="添加框" placeholder="请输入想添加的事件">
            </div>
            <div class="item">
                <div class="start"></div>

                <!-- <div class="tr" id="未完成" name="示例">
                    <input type="checkbox" class="完成复选框">
                    <div class="th">
                        示例
                    </div>
                    <div class="td" >
                        <button class="修改事件">修改</button> 
                        <button class="删除单个">删除</button>
                        <input type="checkbox" class="删除复选框" name="delbox">
                    </div>
                </div> -->
            
            </div>
        </div>                             
    </div>

</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>	
<script src="./js/KR_right_list.js"></script>
<script src="./js/KR_storage.js"></script>
</body>
</html>